<template>
<div class="outer">
  <h1 class="content">App</h1>
  <hr/>
  <Header/>
</div>
</template>

<script>
import Header from "./components/Header"
export default{
  name:"App",
  components:{Header}
}
</script>
<style scoped>
.outer >>> .box{
  width: 200px;
  height: 200px;
  background-color: yellow;
}
.content{
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  background: pink;
}
</style>
